<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Db演示代码</title>
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/layui@2.6.8/dist/css/layui.css">
    <script src="//cdn.jsdelivr.net/npm/layui@2.6.8/dist/layui.js" charset="utf-8"></script>
</head>

<body>
    <div style="margin: 15px;padding:15px;background-color: #fff;">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 15px;">
            <legend>Db演示代码</legend>
        </fieldset>

        <div class="layui-tab" lay-filter="demo" lay-allowclose="true">
            <ul class="layui-tab-title">
                <li class="layui-this" lay-id="11">控制器</li>
                <li lay-id="22">添加修改</li>
                <li lay-id="33">方法型</li>
                <li lay-id="44">自动型</li>
                <li lay-id="55">手动型</li>
                <li lay-id="66">转换型</li>
                <li lay-id="77">大数据分页</li>
            </ul>
            <div class="layui-tab-content">
                <!-- 控制器 -->
                <div class="layui-tab-item layui-show">
<pre class="layui-code" lay-title="Db 演示：控制器">
{$controller}
</pre>
                </div>
                <!-- 视图添加修改 -->
                <div class="layui-tab-item">
<pre class="layui-code" lay-title="视图：添加 add">
{$add}
</pre>
<br />
<pre class="layui-code" lay-title="视图：编辑 edit">
{$edit}
</pre>
                </div>
                <!-- 视图方法型 -->
                <div class="layui-tab-item">
<pre class="layui-code" lay-title="视图：方法渲染型">
{$index}
</pre>
                </div>
                <!-- 视图自动型 -->
                <div class="layui-tab-item">
<pre class="layui-code" lay-title="视图：自动渲染型">
{$table}
</pre>
                </div>
                <!-- 视图手动型 -->
                <div class="layui-tab-item">
<pre class="layui-code" lay-title="视图：手动表格型">
{$manual}
</pre>
                </div>
                <!-- 视图转换型 -->
                <div class="layui-tab-item">
<pre class="layui-code" lay-title="视图：转换表格型">
{$convert}
</pre>
                </div>
                <!-- 视图大数据集分页 -->
                <div class="layui-tab-item">
<pre class="layui-code" lay-title="视图：大数据分页型">
{$million}
</pre>
                </div>
            </div>
        </div>

    </div>

    <script>
        layui.use(['code', 'element'], function () {
            var $ = layui.jquery
                , element = layui.element;

            layui.code();

        });
    </script>
</body>

</html>